@import "../../../_common/style/animations/zoomIn";
@import "../../../_common/style/mixins/var";
@mixin vmui-confirm {
  .vmui-dialog-white-mask {
    background-color: rgba(0, 0, 0, 0.4);
    .vmui-confirm {
      min-width: pxRem(130);
      width: 80%;
      padding-top: pxRem(15);
      background: rgba(40,40,40,.8);
      text-align: center;
      border-radius: pxRem(3);
      background: #fff;
      animation: zoomIn .06s ease forwards;

      .vmui-confirm-title {
        font-size: pxRem(15);
        padding-bottom: pxRem(7);
        font-weight: normal;
        color: #444;
      }
      .vmui-confirm-content {
        padding: 0 pxRem(15) pxRem(15);
        line-height: pxRem(22);
        word-break: break-all;
        color: #888;
        font-size: pxRem(14);
      }
      .vmui-confirm-ops {
        display: flex;
        border-top: pxRem(1) solid #D9D9D9;
        .vmui-confirm-button {
          flex: 1;
          display: inline-block;
          text-align: center;
          font-size: pxRem(15);
          line-height: pxRem(41);

          &:not(:last-child) {
            border-right: pxRem(1) solid #D9D9D9;
          }
        }
      }
    }
  }
}
